
<template>
  <div class="container">
      {{id}},{{title}}
  </div>
</template>

<script>
  import search from '@/components/search'
  import card from '@/components/card'
  // import { get } from '@/utils'

  export default {
    computed: {
      id: function () {
        return this.$root.$mp.query.id
      },
      title: function () {
        return this.$root.$mp.query.title
      }
    },
    data () {
      return {
        motto: 'Hello World',
        userInfo: {},
        cardList: []

      }
    },
    components: {
      Search: search,
      Card: card
    },
    methods: {

    },

    created () {

    }
  }
</script>

<style scoped lang="scss">

  .counter {
    display: inline-block;
    margin: 10px auto;
    padding: 5px 10px;
    color: blue;
    border: 1px solid blue;
  }
  .card-list{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap ;
    justify-content:center;
    align-content: flex-start;
    width: 100%;
  }

</style>
